﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>元素的透明度设定</title>
<style type="text/css">
div {
	margin-top: 0px;
	margin-left: 50px;
	padding: 3px;
	width: 468px;
	height: 60px;
        background-image: url(img/logo.gif)
}

#test1 {
	 opacity:0.1
}
#test2 {
         opacity:0.2
}
#test3 {
         opacity:0.3
}
#test4 {
         opacity:0.4
}
#test5 {
         opacity:0.5
}
#test6 {
	 opacity:0.6
}
#test7 {
         opacity:0.7
}
#test8 {
         opacity:0.8
}
#test9 {
         opacity:0.9
}
#test10 {
         opacity:1.0
}
</style>
</head>
<body>
<div id="test1"><code>opacity:0.1</code></div>
<div id="test2"><code>opacity:0.2</code></div>
<div id="test3"><code>opacity:0.3</code></div>
<div id="test4"><code>opacity:0.4</code></div>
<div id="test5"><code>opacity:1.5</code></div>
<div id="test6"><code>opacity:0.6</code></div>
<div id="test7"><code>opacity:0.7</code></div>
<div id="test8"><code>opacity:0.8</code></div>
<div id="test9"><code>opacity:0.9</code></div>
<div id="test10"><code>opacity:1.0</code></div>
</body>
</html>

